<template>
  <div class="container">
    <img
      src="http://5b0988e595225.cdn.sohucs.com/images/20191019/bb26c950e5a74354b0028f5c6fc98ea2.jpeg"
      alt
    />
    <div>
      <button @click="btnClick"></button>
    </div>
  </div>
</template>
<script>
export default {
  data: function () {
    return {};
  },
  methods: {
    btnClick() {
      this.$router.push({ path: "/index" });
    },
  },
};
</script>
<style lang="less" scoped>
.container {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  img {
    width: 100%;
    height: 100%;
  }
  div {
    width: 100%;
    height: 100%;
    // background-color: blue;
    position: absolute;
    left: 0;
    top: 0;
    button {
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0);
      cursor: pointer;
      border: none;
      outline: none;
    }
  }
}
</style>